<template>
  <div>
       <div class="header">
             <button @click="send">给兄弟Footer送一套房</button>
             <h1>我是Header子组件</h1>
             <button @click="clickHandler">通过自定义事件给父亲传递一个小目标</button>
             <SunZi></SunZi>
         
       </div>
  </div>
</template>

<script>
import SunZi from './SunZi'
export default {
  name: '',
  methods: {
      //按钮的单机事件
      clickHandler(){
          //用户点击按钮的时候:通过$emit方法触发自定义事件！！！

          //豪哥问题:VC可以使用$emit方法?$emit是谁的方法?
          //$emit方法是VC原型的原型的方法Vue.prototype方法
          //第一个参数:自定义事件类型  第二个参数以后:注入事件回调函数
          this.$emit('getData',{a:'一个亿',b:'法拉利'});
      },
      //给兄弟送一套房
      send(){
        this.$bus.$emit('home','兄弟给你一套房子');
      }
  },
  components:{
    SunZi
  },
  mounted(){
    console.log('Header',this.$taidi);
  }
}
</script>

<style scoped>
    .header{
        width:400px;
        height:200px;
        background:yellowgreen;
        margin: 50px 0px;
    }
</style>
